html{height: 100%;}
body{height: 100%;}
div,p,ul,li{margin: 0;padding: 0;font-family: "微软雅黑";user-select:none;}
li{list-style-type: none;}

.view_box{width:100%;height:100%;overflow: auto;padding:10px;}
.view_box p{margin: 0;padding: 0}
.view_box.hidden_active{background-color:#262626;}
.view_box .message_context{width:100%;height:88%;overflow: auto;}
.view_box .message_context .title{text-align: center;}
.view_box .message_context .title .hidden_active{color:#ffffff;}
.view_box .message_context .from p{color:#b0b0b0;text-align: left;}
.view_box .message_context .from .hidden_active{color:#ffffff;}
.view_box .message_context .context p{font-weight: bold;font-size: x-large;}
.view_box .message_context .context p img{width: 100%;}
.view_box .message_context .context .hidden_active{color:#ffffff;}
.view_box .message_context .sendtime p{color:#b0b0b0;text-align: right;}
.view_box .message_context .sendtime .hidden_active{color:#ffffff;}


footer{position: fixed;left:0;bottom: 0;width: 100%;border-top: 1px solid #00645d;background: #fff;height: 10%}
footer ul{margin:0 auto;height: 100%;width: 100%;}
footer ul li{float: left;height: 100%;width: 33.33%;text-align: center;transition: all 0.3s;}
footer ul li:link{background-color:#00645d;color:#ffffff;text-decoration:none;user-select:none;}
footer ul li:focus{background-color:#00645d;color:#ffffff;text-decoration:none;user-select:none;}
footer ul li:active{background-color:#00645d;color:#ffffff;text-decoration:none;user-select:none;}
footer ul li span{font-size: 2em;}
footer ul li .active{color: #ff7300;}
footer ul li p{font-size: 0.5em;}
footer ul li a{color:#b0b0b0;text-decoration:none;user-select:none;}